<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <script src="../js/jquery-1.12.4.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="../js/bootstrap.min.js"></script>
    <title>左侧Table</title>
    <script>
        function refreshCaptchaImg() {
            //从服务端重新下载验证码图片
            //给这个地正加参数纯为了强制刷新，否则由于src指向的url地址没变，
            //不会直正生刷新图片
            var now = new Date()
            $("#captcha").attr("src","/login/captcha_img?"+now.getTime());
        }
    </script>
    <style>
        .container input {
            width: 100%;
        }

        .container div {
            margin: 5px 0px;
            outline: none;
        }
    </style>
</head>
<body style="background:url('../img/background.jpg')">
<!--左侧01-->
<div style="text-align: center;">
    <div class="container" style="width: 800px;margin: 150px auto;color: #31708f;">
        <div class="row">
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
                <strong>超贝订餐助手</strong>
            </div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
        <div class="row">
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
                <em>欢迎登陆</em>
            </div>
            <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
        </div>
        <form  method="post" action="/user/modifypassword">
            <div class="row">
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                <div class="ol-lg-2 col-md-2 col-sm-2 col-xs-2">
                   密保问题：
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
                   <h3>${protect}</h3>
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            </div>

            <div class="row">
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                <div class="ol-lg-2 col-md-2 col-sm-2 col-xs-2">
                    请输入密保答案：
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <input type="text"  name="answer" />
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            </div>

            <div class="row">
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                <div class="ol-lg-2 col-md-2 col-sm-2 col-xs-2">
                    请输入新密码：
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <input type="text"  name="password" />
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            </div>

            <div class="row">
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <input type="submit" name="role" value="确认"/>
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            </div>
        </form>
        <form action="/user/backtoleft">
            <div class="row">
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <input type="submit" name="role" value="返回"/>
                </div>
                <div class="ol-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
            </div>
        </form>
        <div class="row" style="color: red;">
            ${errMsg}
        </div>
    </div>

</div>
</body>
</html>
